*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}

ul{
    list-style:none;
}
li{
    list-style:none;
}
.fl{
    float:left;
}
.fr{
    float: right;
}
body{
    color:#333;
    font-size:12px;
    min-width:1210px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
@font-face {font-family: 'iconfont';
    src: url('../iconfont.eot'); /* IE9*/
    src: url('../iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
#header{
    width:100%;
    min-width:1210px;
    height:40px;
    line-height:40px;
    background:#363636;
    font-size:12px;
}
#wrapper{
   width:1210px;
    margin:0 auto;
}
.top_l{
    float:left;
    position: relative;
    left: -12px;
}
#wrapper li{
    display:list-item;
    float:left;
    margin:0;
}
#wrapper li a{
    color:#bfbfbf;
}
#wrapper .fore{
    padding:0 12px;
}
#wrapper .spacer{
    width:1px;
    height:12px;
    padding:0;
    margin-top:15px;
    overflow:hidden;
    background:#aaa none repeat scroll 0% 0%;
}
.top_r{
    float:right;
}

#wrapper .cart i{
    float: left;
    font-size:15px;
    margin-right:0.5em;
    margin-top:-0.1em;
}
#wrapper .cart span{
    float:left;
    margin-right:12px;
}
#wrapper .cart strong{
    float:left;
    width:24px;
    margin-top:12px;
    font-weight:normal;
    line-height: 18px;
    text-align: center;
    background:#666;
    border-radius:5px;
}
.fore i{
    color: #bababa;
}
#wrapper li a:hover{
    color:orangered;
}
#wrapper .cart a:hover{
    color:#bfbfbf;
}
#wrapper .site_map{
    position: relative;
}
.nav{
    position: absolute;
    right:-122px;
    top:40px;
    min-width:1210px;
    padding:30px 0 20px;
    border:1px solid #dcdcdc;
    border-top:none;
    background:#fff;
    z-index: 500;
}
#wrapper .nav .nav_spacer{
    float: left;
    width:0px;
    min-height:180px;
    height:100%;
    padding:0;
    border-right:1px dashed #bcbcbc;
    overflow:hidden;
}

#wrapper .nav li{
    float:none;
}
.nav_box{
    padding-left:40px;
}
.fl{
    float:left;
}
.site_map .nav h3{
    font-size:16px;
    margin-left:4px;
    margin-bottom:10px;
}
#wrapper .site_map .nav a{
    font-size:14px;
    color:#333;
    position:relative;
    padding:2px 5px;
}
.new{
    background:url(../img/new.gif) no-repeat;
}
.hot{
    background:url(../img/hot.gif) no-repeat;
}
.hot,.new{
    position: absolute;
    top:-3px;
    right:-7px;
    display: block;
    width:9px;
    height:14px;
    overflow:hidden;
}
.nav_box li{
    height:30px;
    line-height:30px;
}
.nav .dsxt{
    width:129px;
}
.nav .dsxt h3{
    color:#227ac1;
}
.nav .mbt{
    width:105px;
}
.nav .mbt h3{
    color:#fc8080 ;
}
.nav .wsc{
    width:160px;
}
.nav .wsc h3{
    color: #2ca916;
}
.nav .aliyun{
    width:159px;
}
.nav .aliyun h3{
    color:#6f1fb9;
}
.nav .life{
    width:150px;
}
.nav .life h3{
    color:#f59c00;
}
.nav .service{
    width:260px;
}
.nav .service h3{
    color:#333;
}
.nav .nav_box .two_cols{
    float:left;
    margin-right:40px;
}
#wrapper .cart{
    background:#4a4a4a;
    position: relative;
}
#wrapper .car_ul_none{
    padding:35px;
    width:405px;
    right:-1px;
    background: #fff;
    position: absolute;
    top: 40px;
    text-align: center;
    border: 1px solid #ddd;
    z-index: 20;
}
#wrapper .car_ul_none img{
    vertical-align: middle;
    border:none 0;
}
#wrapper .car_ul_none a{
    display:block;
}
#head-fix{
    width:100%;
    height:108px;
    background:#fff;
    z-index: 200;
}
.fix{
    position: fixed;
    top:0;
    left:0;
}
#head-fix .head_logo{
    width:1210px;
    overflow:hidden;
    margin:0 auto;
}
#head-fix .head_logo .logo{
    width:270px;
    height:48px;
    line-height:48px;
    margin-top:30px;
}
#head-fix .nav_head{
    width:603px;
    height:108px;
    line-height:108px;
    z-index:1000;
    overflow:hidden;
    padding-left:17px;
}
#head-fix .nav_head li{
    float:left;
    padding:0 6px;
}
#head-fix .nav_head li a:hover{
    color:orangered;
}
#head-fix .listbox{
   background:#fff none repeat scroll 0% 0%;
    border-top:1px solid #DDD;
    left:0;
    top:147px;
    position: absolute;
    width:100%;
    line-height:normal;
    z-index: 30;
}
#head-fix .listbox li{
    float:left;
    width:280px;
    height:230px;
    line-height:100%;
    padding:20px 0 0;
}
#head-fix .listbox ul a{
    padding:0;
    width:280px;
    display:inline-block;
}
#head-fix .listbox .first div{
    border-left:none;
}
#head-fix .listbox p{
    text-align:center;
    line-height:30px;
    font-size:18px;
}
#head-fix .listbox ul div{
    border-left:1px solid #dcdcdc;
    text-align:center;
}
#head-fix .nav_head li a{
    color:#333;
    font-size:16px;
    padding:0 15px;
    display:inline-block;
    position: relative;
}
#head-fix .nav_head li .down{
    width: 22px;
    height:108px;
    position: absolute;
    top:0;
    right:-5px;
    background:url(../img/down.png) no-repeat right top;
}

#searchForm{
    width:320px;
    height:48px;
    margin-top:34px;
    float: left;
}
#searchForm .search-box{
    width:260px;
    height:40px;
    border:1px solid #ccc;
    border-radius: 0;
}
#box{
    width:100%;
    height:445px;
}
#box .border{
    width:100%;
    position: relative;
    overflow:hidden;
}
#box .border .center{
    background:#f2f2f2;
    width:1210px;
    height:425px;
    margin:0 auto;
}
#box .relative{
    position: relative;
    height:425px;
}

#box .nav_banner{
    width:270px;
    height:425px;
    position: absolute;
    z-index: 20;
    left:0;
}
#box .nav_banner .navList{
    position: relative;
    background: rgba(0,0,0,.5)
}
#box .navList li{
    height:106px;
    color:#fff;
    font-size:14px;
    position: relative;
}
#box .navList li a{
    color:#fff;
    display:inline-block;
    height:55px;
    width:180px;
    padding:31px 0 30px 90px;
}
#box .navList .fore1 a{
    background:url(../img/banner_list_1.png) no-repeat 0 center;
    background-position: 20px;
}
#box .navList .fore2 a{
    background:url(../img/banner_list_2.png) no-repeat 0 center;
    background-position: 20px;
}

#box .navList .fore3 a{
    background:url(../img/banner_list_3.png) no-repeat 0 center;
    background-position: 20px;
}
#box .navList .fore4 a{
    background:url(../img/banner_list_4.png) no-repeat 0 center;
    background-position: 20px;
}
#box .navList .active{
    background:rgba(255,255,255,.5);
}
#box .menuList{
    height:425px;
    position: absolute;
    z-index: 2;
    top:0;
    left:270px;
    overflow:hidden;
}
#box .menuList .menu1,#box .menuList .menu2,#box .menuList .menu3{
    width:640px;
}

#box .menuList .list1 li{
    width:300px;
    height:85px;
}
#box .menuList .list1 li div{
    width:120px;
    text-align:center;
    float:left;
    line-height:85px;
}
#box .menuList .list1 li div img{
    vertical-align:middle;
}
#box .menuList .list1 li h4{
    font-size:15px;
    float:left;
    line-height: 85px;
    width:150px;
}
#box .menuList .list1 a{
    color:#333;
}
#box .menuList .list1 a:hover{
    color:orangered;
}
#box .menuList .list2{
    float:left;
}
#box .menuList .icon{
    height:425px;
    border-top:1px solid #ccc;
    background:#fff;
    display:none;
}
#box .menuList .select{
    display:block;
}
#box .menuList .menu4{
    width:940px;
}
#box .location{
    position: absolute;
    left:-355px;
}
#wrap{
    width:1920px;
    height:425px;
    position: relative;
}
#wrap li{
    /*position: absolute;*/
}
.relative .left-btn{
    position: absolute;
    width:39px;
    height:70px;
    top:50%;
    margin-top:-35px;
    left:288px;
    background-image: url(../img/left.png);
}
.relative .right-btn{
    position: absolute;
    width:39px;
    height:70px;
    top:50%;
    margin-top:-35px;
    right:17px;
    background-image: url(../img/right.png);
}
.relative .right-btn:hover,.relative .left-btn:hover{
    background-color:rgba(0,0,0,.5);
}

#box .icons{
    width:100%;
    padding-top:15px;
}
#box .icons li{
    float:left;
    margin-left:10px;
    height:5px;
    width:80px;
    background:#c1c1c1;
    cursor:pointer;
}
#box .icons .icur{
    background:#FC7878;
}


/*中间的主要内容部分*/

#mc{
    width:100%;
    height:auto;
    overflow:hidden;
    padding-top:50px;
    background:#f2f2f2;
}
#mc .page-wrapper{
    width:1210px;
    height:260px;
    margin:0 auto;
}
#mc .con1,#mc .con2,#mc .con3,#mc .con4{
    height:260px;
    position: relative;
    overflow:hidden;
    background:#FF9D9D;
}
#mc .w484{
    width:484px;
}
#mc .w241{
    width:241px;
}
#mc .mr1{
    margin-right:1px;
 }
/*
#mc img{
    position: absolute;
    left:0;
    top:0;
}*/
#mc .page-wrapper p{
    width:112px;
    height:24px;
    line-height:24px;
    text-align: center;
    position: absolute;
    bottom:0;
    right:0;
    padding:0;
    background:rgba(0,0,0,.5);
}
#mc .btn{
    font-size: 14px;
    font-weight:400;
}
#mc .page-wrapper p a{
    color:#fff;
}
/*#mc p .click-more{
    border:1px solid red;
    right:0;
    top:0;
    height:24px;
    line-height:24px;
    background-image:url(../img/triangle-right-white.png);
    background-repeat:no-repeat;
    background-position: right center;
}*/
#mc .page-wrapper p i {
    position: absolute;
    width:4px;
    height:24px;
    line-height:24px;
    right:8px;
    top:0;
    background-image:url(../img/triangle-right-white.png);
    background-repeat:no-repeat;
    background-position: right center;
}
#mc .dsxt{
    margin-top:50px;
    width:1210px;
    margin:50px auto 0;
}

#mc h3{
    line-height: 1.1;/*这个why*/
    font-size:24px;
    font-weight:500;
}
#mc .canvas{
    margin-top:10px;
    width:1210px;
    overflow:hidden;
    margin-bottom:50px;
}
#mc .items{
    width:1222px;
    overflow:hidden;
}
#mc .items .itemsli{
    float:left;
    width:294px;
    margin-right:11px;
    padding-bottom:10px;
    background:#fff;
    z-index:20;
    position: relative;
}
#mc .mc2 .items .itemsli{
    margin-bottom:11px;
}
/*#mc .items li a{
    display:block;
    width:294px;
    height:294px;
    text-align:center;
    line-height:290px;
}*/
#mc .items li img{
    max-width: 294px;
    max-height: 294px;
}
#mc .items li .wrap_div{
    height:54px;
    position: relative;
    background: #FFF;
    z-index: 2;
}
#mc .items li .wrap_div div{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 100;
    width:100%;
    background:#FFF;
}
#mc .items .title{
    float: left;
    width:100%;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:normal;
    line-height:22px;
    text-align: center;
}
#mc .items .title a{
    color:#333;
}
#mc .items .description{
    display: block;
    font-size:12px;
    color:#919191;
    text-align: center;
}
#mc .items .description a{
    color:#919191;
}
#mc .wrap_div div p{
    text-align: center;
    margin-top:5px;
    font-size:12px;
    color:#71cd9c;
}
#mc .items .price-attente{
    margin-top:5px;
}
#mc .items .price-attente .price{
    float:left;
    margin-left:60px;
    font-size:12px;
    color:#ef353d;
}
#mc .items .price-attente .attente{
    float:right;
    margin-right:60px;
    padding-left:15px;
    font-size:12px;
    color:#71cd9c;
    background:url(../img/cover-page-attente.png) no-repeat left center;
}
#mc .items .active{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#mc .items a:hover{
    color:orangered;
}
#mc .items .title a:hover{
    text-decoration: underline;
}

#church{
    width:100%;
    background:#f2f2f2;
    overflow:hidden;
}
#church .all{
    width:1210px;
    margin: 0 auto;
}
#church .cc{
    width:1210px;
    margin-top:10px

}
#church .ch{
    width:242px;
    height:242px;
    position: relative;
    float: left;
    overflow:hidden;
}
#church a{
    display: block;
    position: absolute;
    left:0;
    top:242px;
    font-size:18px;
    background:rgba(255,255,255,.5);
    padding: 50px 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color:#333;
}
#church img{
    width: 100%;
    transition: all .2s linear;
}
#church .ch:hover img{
    transform: scale(1.2);
}
#church h3{
    color:#000;
    line-height: 1.1;
    font-size:24px;
}
#clases{
    width:100%;
    overflow:hidden;
    background: #f2f2f2;
}
dt{
    padding-bottom:20px;
}
#clases .title{
    overflow:hidden;
}
#clases .title .h3{
    float: left;
    margin:0px;
    padding:5px 0;
    font-size:24px;
}
#clases .title a{
    color:#000;
}
#clases .title i{
    float: left;
    display: block;
    width:40px;
    height:35px;
    margin-left:10px;
    background:url(../img/cover-page-tang-2.png) no-repeat 0 10px;
}
#clases .more{
    width:50px;
    height:24px;
    margin-top:5px;
    font-weight:normal;
    line-height:22px;
    color:#333;
    text-align:center;
    border-radius:3px;
}
#clases .c1{
    width:386px;
    height:175px;
    padding-top:20px;
    padding-bottom: 20px;
    background:#E4F0CA;
}
#clases .c1 a{
    float: left;
    width:360px;
    height:27px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:12px;
    font-weight:normal;
    line-height:27px;
    color:#333;
    text-indent:33px;
    background:url(../img/dian.png) no-repeat 23px center;
}
#clases .cl{
    width:1210px;
   margin:50px auto 0;
}
#clases .cl a:hover{
    text-decoration:underline;
}
#clases .c1 a:hover{
    color:orangered;
    text-decoration: none;
}
#clases .cla1,#clases .cla2,#clases .cla3{
    width:386px;
}
#clases .cla1,#clases .cla2{
    margin-right:26px;
}
#clases .cla2 dd{
    background:#FAE6D9;
}
#clases .cla3 dd{
    background:#D6EEF2;
}
#main{
    width:100%;
}
#main .main{
    width:1210px;
    margin:0 auto;
}
#main .six{
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 25px;
    border-top: 1px solid #DFDFDF;
    font-size: 14px;
    float: left;
}
#main .six dl{
    float: left;
    width: 220px;
    margin: 10px;
    padding-right: 0;
    border-right: 2px solid #E3E3E3;
}
#main .six div{
    float: left;
    width:240px;
    height:60px;
}
#main .six dl a{
    float: left;
    width: 100px;
    font-size: 12px;
    line-height: 25px;
    color: #606060;
}
#main .six dl dd{
    float: left;
}
#main .six div a{
    color: #606060;
}
#main .seven{
    width:100%;
    font-size: 12px;
    height: 20px;
    padding-bottom: 30px;
    float: left;
    overflow: hidden;
}
#main .seven div{
    float: left;
    display: block;
    height:20px;
    line-height:20px;
    width:60px;
    color: #999;
}
#main .seven a{
    color: #606060;
    display: block;
    height: 20px;
    line-height:20px;
    margin:0 5px;
    float: left;
}
#main .seven .last{
    float: right;
}
#foot{
    text-align: center;
    width:100%;
    float: left;
    background-color: #E1E1E1;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #3A3A3A;
}
#foot .first a{
    color: #3A3A3A;
    line-height:30px;
    height:30px;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid #ccc;
}
#foot .two{
    height:30px;
    line-height:30px;
    color: #888;
}
#foot .three{
    height:24px;
    line-height:24px;
    color: #888;
}
#foot .four{
    padding: 16px 0;
}
#foot .four img{
    margin:0 10px;
}
#foot .five{
    height:20px;
    line-height:20px;
}
#foot .five img{
    vertical-align:middle;
}